body {
      overflow-y: scroll;
      background-color: #C5E0EA;
    }
    /* clearfix because of floats */
    .container2:before,
    .container2:after {
      content: "";
      display: table;
    }
    .container2:after {
      clear: both;
    }
    .item {
      float: left;
      margin-bottom: 5px;
    }
    .item img {
      max-width: 100%;
      max-height: 100%;
      min-width: 100%;
      min-height: 100%;
      vertical-align: bottom;
    }
    .first-item {
      clear: both;
    }
    /* remove margin bottom on last row
    .last-row, .last-row ~ .item {
      margin-bottom: 0; 
    } */

/* body {
	margin: 0;
	font-family: Arial;
}

.top-container {
	background-color: #f1f1f1;
	padding: 30px;
	text-align: center;
}

.header {
	padding: 10px 16px;
	background: #555;
	color: #f1f1f1;
}

.content {
	padding: 16px;
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}

.sticky+.content {
	padding-top: 102px;
} */


/* clearfix because of floats */

/* .container2:before, .container2:after {
	content: "";
	display: table;
}

.container2:after {
	clear: both;
} */

/* .item {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}

.item img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: bottom;
	opacity: 1;
	animation: fadeIn 0.5s ease;
}

@keyframes fadeIn 
{ 0%{opacity: 0;}
100%{opacity:1;}}  */